/*!
 * @version 1.0.0
 * @date 2019-08-02
 * Copyright (c) 2019 M. XYB
 */

/*公用初始化样式*/
@charset "utf-8";
*{margin:0;padding:0;}
ul,ol{list-style:none;}
q:before,q:after{content:'';}
img{border:0 none;display: block;}
address,cite,dfn,em,var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
textarea,input{word-wrap:break-word;word-break:break-all;padding:0px;}
a,a:active,a:link,a:visited,a:hover {text-decoration:none;outline:none;}
div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th {
    padding: 0;
    margin: 0;
    border: 0;
    font-weight: normal;
    font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-size:12px;
}
body, html {
    width:100%;
    height:100%;
    background: #f4f4f4;
    font-size:12px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
}

::-webkit-scrollbar{width: 4px}
::-webkit-scrollbar-thumb{border-radius: 5px;background: #999;}
::-webkit-scrollbar-thumb:active{background: #aaa;}
::-webkit-scrollbar-track{width: 4px;background: #ccc;}

/*二次元初始化样式*/
.hide{display: none}
.hidden{overflow: hidden;}

.float-left{float: left;}
.float-right{float: right;}

.relative{position:relative;}
.absolute{position: absolute;}
.fixed{position:fixed;}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}

.magin-auto{margin-left:auto;margin-right:auto;}

.pointer{cursor: pointer;}
.bold{font-weight:bold;}
.border-none{border:0 none;}
.block{display:block}
.inline-block{display:inline-block}
.underline{text-decoration:underline;}
.border-bottom{border-bottom:1px solid #fff;}

.full{width:100%;height:100%;}
.full-x{width:100%;}
.full-y{height:100%;}

h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}

.c-000{color:#000;}
.c-fff{color:#fff;}
.c-333{color:#333;}
.c-555{color:#555;}
.c-666{color:#666;}
.c-999{color:#999;}
.c-f00{color:#f00;}
.c-21a{color:#00bbfc;}

.f-12{font-size:12px;}
.f-13{font-size:13px;}
.f-14{font-size:14px;}
.f-15{font-size:15px;}
.f-16{font-size:16px;}
.f-18{font-size:18px;}
.f-20{font-size:20px;}
.f-24{font-size:24px;}
.f-25{font-size:25px;}
.f-30{font-size:30px;}
.f-32{font-size:32px;}
.f-35{font-size:35px;}
.f-36{font-size:36px;}

.bg-000{background-color:#000;}
.bg-fff{background-color:#fff;}
.bg-333{background-color:#333;}
.bg-666{background-color:#666;}
.bg-999{background-color:#999;}
.bg-bbb{background-color:#bbb;}
.bg-ccc{background-color:#ccc;}
.bg-eee{background-color:#eee;}
.bg-f00{background-color:#f00;}

.mt-0{margin-top:0px;}
.mt-1{margin-top:1px;}
.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-25{margin-top:25px;}
.mt-30{margin-top:30px;}
.mt-35{margin-top:35px;}
.mt-40{margin-top:40px;}
.mt-45{margin-top:45px;}
.mt-50{margin-top:50px;}

.mr-0{margin-right:0px;}
.mr-1{margin-right:1px;}
.mr-3{margin-right:3px;}
.mr-5{margin-right:5px;}
.mr-10{margin-right:10px;}
.mr-12{margin-right:12px;}
.mr-15{margin-right:15px;}
.mr-20{margin-right:20px;}
.mr-25{margin-right:25px;}
.mr-30{margin-right:30px;}
.mr-35{margin-right:35px;}
.mr-40{margin-right:40px;}
.mr-45{margin-right:45px;}
.mr-50{margin-right:50px;}
.mr-100{margin-right:100px;}

.mb-0{margin-bottom:0px;}
.mb-1{margin-bottom:1px;}
.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-25{margin-bottom:25px;}
.mb-30{margin-bottom:30px;}
.mb-35{margin-bottom:35px;}
.mb-40{margin-bottom:40px;}
.mb-45{margin-bottom:45px;}
.mb-50{margin-bottom:50px;}

.ml-0{margin-left:0px;}
.ml-1{margin-left:1px;}
.ml-3{margin-left:3px;}
.ml-5{margin-left:5px;}
.ml-10{margin-left:10px;}
.ml-15{margin-left:15px;}
.ml-20{margin-left:20px;}
.ml-25{margin-left:25px;}
.ml-30{margin-left:30px;}
.ml-35{margin-left:35px;}
.ml-40{margin-left:40px;}
.ml-45{margin-left:45px;}
.ml-50{margin-left:50px;}

.pt-0{padding-top:0px;}
.pt-5{padding-top:5px;}
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pt-20{padding-top:20px;}
.pt-25{padding-top:25px;}
.pt-30{padding-top:30px;}
.pt-35{padding-top:35px;}
.pt-40{padding-top:40px;}
.pt-45{padding-top:45px;}
.pt-50{padding-top:50px;}
.pt-110{padding-top:110px;}

.pr-0{padding-right:0px;}
.pr-5{padding-right:5px;}
.pr-10{padding-right:10px;}
.pr-15{padding-right:15px;}
.pr-20{padding-right:20px;}
.pr-25{padding-right:25px;}
.pr-30{padding-right:30px;}
.pr-35{padding-right:35px;}
.pr-40{padding-right:40px;}
.pr-45{padding-right:45px;}
.pr-50{padding-right:50px;}

.pb-0{padding-bottom:0px;}
.pb-5{padding-bottom:5px;}
.pb-10{padding-bottom:10px;}
.pb-15{padding-bottom:15px;}
.pb-20{padding-bottom:20px;}
.pb-25{padding-bottom:25px;}
.pb-30{padding-bottom:30px;}
.pb-35{padding-bottom:35px;}
.pb-40{padding-bottom:40px;}
.pb-45{padding-bottom:45px;}
.pb-50{padding-bottom:50px;}

.pl-0{padding-left:0px;}
.pl-5{padding-left:5px;}
.pl-10{padding-left:10px;}
.pl-15{padding-left:15px;}
.pl-20{padding-left:20px;}
.pl-25{padding-left:25px;}
.pl-30{padding-left:30px;}
.pl-35{padding-left:35px;}
.pl-40{padding-left:40px;}
.pl-45{padding-left:45px;}
.pl-50{padding-left:50px;}

.self-fls{font-family:"LiSu",Serif;}
.self-fkt{font-family:"KaiTi",Serif;}
.self-fht{font-family:"SimHei",Serif;}
.self-fst{font-family:"SimSun",Serif;}
.self-fyy{font-family:"YouYuan",Serif;}
.self-ffs{font-family:"FangSong",Serif;}
.self-fxst{font-family:"NSimSun",Serif;}
.self-fbkt{font-family:"DFKai-SB",Serif;}
.self-fhwst{font-family:"STSong",Serif;}
.self-fhwht{font-family:"STHeiti",Serif;}
.self-fhwkt{font-family:"STKaiti",Serif;}
.self-fhwxh{font-family:"STHeiti",Serif;}
.self-ffzst{font-family:"FZShuTi",Serif;}
.self-ffzyt{font-family:"FZYaoti",Serif;}
.self-fhwcy{font-family:"STCaiyun",Serif;}
.self-fhwfs{font-family:"STFangsong",Serif;}
.self-fwryh{font-family:"Microsoft YaHei",Serif;}
.self-fstyle1{font-family:"Arial","Microsoft YaHei","SimHei","SimSun",sans-serif;}
.self-fstyle2{font-family:Tahoma,Helvetica,Arial,'SimSun',sans-serif;}
.self-fstyle3{font-family:'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;}
.self-fstyle4{font-family:Helvetica,'Hiragino Sans GB','Microsoft Yahei',Arial,sans-serif;}

.clearfix{*zoom:1;}
.clearfix:before{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}

.clear{clear:both;height:0px;width:100%;font-size:7px;line-height:0px;visibility:hidden;overflow:hidden;}

.rad-3{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;}
.rad-5{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
.rad-8{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;}
.rad-10{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.circle{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}

.deg-0{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.deg-15{transform:rotate(15deg);-ms-transform:rotate(15deg);-moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);-o-transform:rotate(15deg);}
.deg-30{transform:rotate(30deg);-ms-transform:rotate(30deg);-moz-transform:rotate(30deg);-webkit-transform:rotate(30deg);-o-transform:rotate(30deg);}
.deg-90{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.deg-180{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.deg-360{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}

/******遮罩样式******/
.bg-alert{position:fixed;z-index:110;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:black;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;display:none;}
.content-alert{position:fixed;z-index:222;left:0;top:0;right:0;bottom:0;width:100%;height:100%;}

/****信息提示样式****/
.message {
    position: fixed;top: -100px;width: 400px;left: 50%;font-size:18px;margin-left: -200px;z-index: 999;display: none;padding: 12px 0;text-align: center;color: #fff;background: #2196f3;
    border-radius: 2px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.46s ease;
    -moz-transition: all 0.46s ease;-o-transition: all 0.46s ease;transition: all 0.46s ease;
}
.messageShow {z-index: 999;top:6px;}
/****加载器样式****/
.loading{width:55px;height:55px;position: fixed;left:50%;top:50%;z-index: 990;border-radius: 50%;transform: translate(-50%,-50%);background: url('../../static/images/loading.gif') no-repeat center;background-size: cover;}
.ellipsis-line-clamp-1{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal!important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ellipsis-line-clamp-2{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}